<template>
    <div class="container">
        <div class="bm_title">
            <div class="title_l">
                <h3>{{searchForm.pageTitle}}</h3>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { useAppStore } from "@/store";
import { useAddApplyManageStore } from "@/store/modules/addApplyManage";
import { onActivated, onBeforeMount, onMounted, ref } from "vue";
import { useRoute, useRouter } from "vue-router";

let route = useRoute();
let router = useRouter();
let store = useAppStore();
let addApplyManageStore = useAddApplyManageStore();
let tagsList = ref(null);
let searchForm = ref({
    pageTitle:""
});

onMounted(()=>{
    getSessionSearch();
});
onActivated(()=>{
    getSessionSearch();
});

let getSessionSearch=()=>{
    searchForm.value = {...searchForm.value,...addApplyManageStore.state.routerParams};
    tagsList.value = store.state.tagsLists;
};
</script>
<style lang="scss" scoped>
.bm_title{
    width: 800px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.slicer_line.el-divider{
    width: 800px;
}
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}
.avatar-uploader-icon {
    font-size: 20px;
    color: #8c939d;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}
.avatar {
    width: 94px;
    height: 94px;
    display: block;
}
.bm_con{
    width: 700px;
}
</style>
